/**************
*   hoangnm
**************/

/*.content2,.content3,.content4,.module-footer .wrap-foot-content{display: none;}*/


@media screen and (max-device-width: 999px), screen and (max-width: 999px) {
    .fixcenter{
        width: 800px;
    }
    .header-v5 .logo-booking,.top-nav{
        padding: 10px 0;
    }
    ul.main-nav{
        margin-top: 0;
    }

    .login-reg {
        margin-top: 5px;
    }
    .header-sd{display: none;}


    /*top hotel*/
    .col-ht-l,.col-ht-r{
        width: 31.85%;
        margin: 0;
    }
    .col-ht-m{
        width: 36%;
        margin:0 0 0 1px;
    }
    .md-small,img.small-img{
        height: 180px;
    }
    .md-large,img.large-img{
        height: 361px;
    }

    /*search+ top city*/
    .search-box{
        width: 300px;
    }
    .in-txt.place-search{
        width: 100%;
        box-sizing: border-box;
        height: 36px;
    }
    .no-datecheck{
        clear: both;
    }
    .date-search .date{
        margin: 0 0 0 12px;
    }
    .date-search .date:first-child{
        margin: 0;
    }
    .date input[type="text"]{
        width: 108px;
    }
    label.title-search{
        display: none;
    }
    label.title-search:first-child{
        display: block;
    }
    #star_search_msdd{
        width: 104px !important;
    }

    /*front-why-us.css*/
    .md-box-hoz, .md-box-hoz.last-box{
        width: 242px;
    }

    div.daddy-heading h2.heading{
        min-width: 100px;
        float: none;
        padding: 12px 95px 12px 12px;
    }
    .filter-ht{
        width: 345px;
        border-left:0;
    }
    #star_filter_msdd, #star_filter_deal_hot_msdd{
        padding: 1px;
    }

    /*.module-footer{
        background: red;
    }*/
}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
    .fixcenter{
        width: 600px;
    }
    ul.main-nav{
        width: 600px;
    }
    /*top hotel*/
    .col-ht-l,.col-ht-r,.col-ht-m{
        width: 100%;
        float: none;
        margin: 0;
    }
    .md-top-hotel{
        width: 50%;
    }
    .col-ht-m .md-top-hotel{
        width: 100%;
    }
    .md-small,img.small-img{
        height: 220px;
    }
    .md-large,img.large-img{
        height: 441px;
    }


    /*search+ top city*/
    .search-box{
        float: none;
        width: 100%;
        margin-bottom: 10px;
        height:auto;
    }
    .search-cont{
        padding-bottom: 5px;
    }
    .topten-place{
        float: none;
        width: 100%;
        height:auto;
    }
    .no-datecheck{
        clear: none;
        padding: 10px 0 0 10px;
        float: left;
    }
    #star_search_msdd{
        width: 116px !important;
    }
    label.title-search{
        display: block;
    }
    .lst-right,.lst-left{
        width: 50%;
    }


    /*front-why-us.css*/
    .md-box-hoz{
        width: 275px;
    }
    .payment-box{
        border-right: 0;
    }
    .md-box-hoz.last-box{
        clear: both;
        float: none;
        width: auto;
        padding: 12px;
        border-top: 1px solid #e7e7e7;
    }


    /*.module-footer{
        background: blue;
    }*/
}

@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .fixcenter{
        width: 480px;
    }
    ul.main-nav{
        width: 480px;
    }
    ul.main-nav li{
        float: left;
        width: 49%;
    }
    ul.main-nav li a{
        padding: 15px 0 0;
        margin: 0;
    }
    ul.main-nav li a.active{
        border-top: 0;
    }

    /*front-why-us.css*/
    .md-box-hoz{
        width: auto;
        float: none;
    }
    .md-box-hoz h2.heading{
        border: 0;
        padding: 8px 0 0 0;
    }
    .payment-box{
        border: solid #e7e7e7;
        border-width: 1px 0 0;
    }
    .md-box-hoz.last-box{
        clear: both;
        float: none;
        width: auto;
        padding:0 12px 12px;
        border-top: 1px solid #e7e7e7;
    }
   /* .module-footer{
        background: yellow;
    }*/
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
    .fixcenter{
        width:100%;
    }
    .header-v5 .logo-booking{
        padding: 10px;
    }
    .top-nav{
        display: none;
    }
    .login-reg{
        margin: 10px 10px 0 0;
    }
    ul.main-nav{
        border-top: 0;
        box-shadow: none;
        width: 100%;
        float: none;
        clear: both;
    }
    ul.main-nav li{
        float: none;
        display: block;
        width: auto;
        margin: 0 10px;
    }
    ul.main-nav li a{
        padding: 10px 0;
        display: block;
        border-top: 1px dotted #e7e7e7;
    }
    ul.main-nav li a.active,
    ul.main-nav li a:hover{
        border-top: 1px dotted #f2513d;
    }

    /*search + top city*/
    .no-datecheck{
        float: none;
        clear: both;
        padding-left: 0;
    }
    .lst-right, .lst-left{
        width: 100%;
    }

    .md-top-hotel{
        float:none;
        width: 100%;
    }


    /*front-why-us.css*/

    /*.module-footer{
        background: green;
    }*/
}
@media screen and (max-device-width: 380px), screen and (max-width: 380px) {
    .header-v5 .logo-booking{
        float: none;
        text-align: center;
    }
    .login-reg{
        display: none;
    }
    #star_search_msdd {
        width: 100px !important;
    }

    /*.module-footer{
        background: #ff20e8;
    }*/
}